<template>
  <div>
    <h1>动态组件与异步组件示例</h1>
    <DynamicComponent />
    <AsyncComponent />
  </div>
</template>

<script>
import DynamicComponent from '@/components/DynamicComponent.vue'
import AsyncComponent from '@/components/AsyncComponent.vue'

export default {
  components: {
    DynamicComponent,
    AsyncComponent,
  },
}
</script>

<style scoped>
h1 {
  margin-bottom: 20px;
}
</style>
